/**
 * fitstart msite article style
 * ==============================
 * article
 * ===================
 * activity
 * ===================
 * index page & shop
 * ===================
 * about us
 * ==============================
 * @author mylan93
 **/


/**
 * ===============
 * article
 * ===============
 **/

/*card scroll*/
.scroll-card{
	background-color:#f4f4f4; 
}
.scroll-card:after{
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.content-block-title+.list-block{
	margin-top: 0;
}

.article-item{
color: #313131;
}

.article-time{
	font-size: 0.6rem;
}
.article-item .item-title{
	font-weight: bold;
	font-size: 0.6rem;
	margin-bottom: 0.25rem;
	height: 1rem;
	line-height: 1rem;
}

.article-item  .item-subtitle{
	font-size: 0.7rem;	
	margin-bottom: 0.25rem;
	font-weight: bold;
}

.fs-list-item .item-media img {
	width: 7.4rem;
}
.article-item .item-media img{
	width:6.25rem;
}

.article-item .label{
	margin-bottom:0.5rem;
}

/**
 * ===============
 * index page  & shop
 * ===============
 **/

.more{
	display: inline-block;
	font-size: 0.6rem;
	color: #313131;
	padding-top: 0.5rem;
	padding-bottom:0.5rem; 
	font-weight: normal;
	width: 3.5rem;
	margin: 0 42%;

}

.postion-more{
	position: absolute;
	top: -0.45rem;
	right: 0;
	z-index: 1;
	margin: 0;
	}

.icons-caret:before{
	content: "";
	position: relative;
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../images/m_caret.png) no-repeat;
	background-size: contain;
	left: 0.15rem;
	top: -0.05rem;
}

.fs-list-group.list-block .item-inner{
	min-height: 3.15rem !important;
}

/*栅格*/


.article-grid-bg{
	background:url(../images/l_bg.png) no-repeat;
	background-size: 100% 100%; 
}

.grid-fixed{
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	color: #fff;
	font-size: 0.85rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-mos-transform: translateY(-50%);
	/*background-color: rgba(0,0,0,.5);*/
}
.fixed-bottom{
	width: 100%;
	line-height: 1.2rem;
	font-size: 0.6rem;
	color: #fff;
	background-color: #000;

}
.article-grid-bg .more{
	padding-top: 0;
	position: relative;
	top: -0.1rem;
}
/*shop*/
 .shop{
 	position: absolute;
    top: 0;
    left: .5rem;
    right: auto;	
 }
 .shop ul{
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
 .shop-wrap{
 	display: -webkit-box;
    display: -webkit-flex;
    display: flex;

 }
 .shop-wrap .shop-item{
 	width: 4.5rem;
 	margin-right: 0.5rem;
 	font-size: 0.6rem;
 	-webkit-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
 }

.shop-more {
    display: block;
    height: 100%;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-shrink: 0;
    flex-shrink: 0;
    width: 2.5rem;
    margin-left: .3rem;
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
    text-align: center;
    background-color: #cdcdcd;
    font-size: 0.6rem;
 }
 
 .shop-more a{
 	position: relative;
    display: block;
    width: 1.75rem;
    min-height: 6.9rem;
    padding: .8rem .4rem .8rem .5rem;
    white-space: normal;
    color: #000;
    font-size: .6rem;
    letter-spacing: .8rem;
    line-height: 1.4;
    border: 0px;
    left: .5rem;
 }

.shop-more a:after {
 	position: absolute;
    content: ' ';
    width: 5rem;
    height: 100%;
    top: 0;
    left: 100%;
    background-color: #cdcdcd;
    background-image: -webkit-gradient(linear,left top,right top,from(#cdcdcd),to(#cdcdcd));
    background-image: -webkit-linear-gradient(left,#cdcdcd,#fff);
    background-image: linear-gradient(90deg,#cdcdcd,#fff);
 }
 .commodity-img img{
	width: 100%;
 }

 .commodity-title{
	color: #313131;
	margin: 0.25rem 0;
	line-height: 0.8rem;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
 }
 .commodity-money{
 	color: #ff2b2b;
 }




/**
 * ===============
 * Activity
 * ===============
 **/
.scroll-wrap{
	position: absolute;
	left: 1rem;
	right: auto;
	top: 0;
}

.scroll-card{
	display: flex;
	padding: 0px;
}

 .scroll-card .scroll-card-item{
	padding: 0 .75rem;
	width: 260px;
	height: 8.35rem;
	margin: 0 20px 0 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-o-flex-shrink: 0;
	-moz-flex-shrink: 0;
	flex-shrink: 0;
}

.scroll-card-item .item-media img{
	width: 6.75rem;
}

.scroll-card .card-more{
	display: block;
	width:2.5rem;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-o-flex-shrink: 0;
	-moz-flex-shrink: 0;
	flex-shrink: 0;
	border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
	text-align: center;
	background-color: #cdcdcd;
	text-align: center;
    font-size: 0.6rem;
   
}

.card-more a{
	width: 1rem;
	font-size: 0.6rem;
	display: block;
	height: 8.3rem;
	padding: 1.375rem 1rem;
}
.card-more a:after{
	position: absolute;
    content: ' ';
    width: 10rem;
    height: 100%;
    top: 0;
    left: 100%;
    background-color: #cdcdcd;
    background-image: -webkit-gradient(linear,left top,right top,from(#cdcdcd),to(#fff));
    background-image: -webkit-linear-gradient(left,#cdcdcd,#fff);
    background-image: linear-gradient(90deg,#cdcdcd 0,#fff);
}

.content-block-title{
	text-transform: none;
}
.activity-label:before{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #f4f4f4; 
	margin: 0rem 0 0.5rem;
}

.activity-item .item-title{
	font-weight: bold;
	font-size: 0.7rem;
	line-height: 0.8rem;
	margin-bottom: 0.25rem;
}
.list-block .activity-item .item-title,.list-block .article-item .item-title{
	font-weight: bold;
}

.activity-item .item-subtitle{
	font-size: 0.6rem;
	color: #313131;
	margin-bottom: 0.25rem;
}
.activity-item .item-text{
	font-size: 0.6rem;
}
.activity-label span{margin-right:0.5rem;}

.article-label-wrap{
 height: 1.25rem;
}

/**
 * ===============
 * about us
 * ===============
 **/

.about-page img {
	max-height: none;;
}

.about-title {
	position: relative;
	padding-top: .75rem;
	height: 3.2rem;
	text-align: center;
}

.about-title:after {
	content: '';
	display: block;
	position: absolute;
	top: 1rem;
	left: .75rem;
	right: .75rem;
	height: 0;
	border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #e7e7e7;
}

.about-title h5 {
	position: absolute;
	display: inline-block;
	left: 50%;
	top: .5rem;
	padding: 0 .25rem;
	margin: 0 auto;
	background-color: #fff;
	z-index: 1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.about-title p {
	font-size: .7rem;
	color: #777;
}

.about-page h6 {
	margin: 0 .75rem;
	text-align: center;
}

.about-page .content-padded {
	margin: .5rem .75rem;
	color: #333;
	font-size: .65rem;
}

.about-intro {
 	margin: 1rem .75rem .75rem;
 	padding: .5rem .75rem;
 	border: 4px solid #fef9de;	
 	border-radius: .5rem;
}

.about-coach {
	float: left;
	width: 5rem;
	height: 6.1rem;
	max-height: none;
	-webkit-box-flex: 1;
    -ms-flex: 1;
}

.about-intro p {
	margin: 0 0 0 6rem;
	font-size: .65rem;
	color: #333;
}

.about-contact {
	background: url(../images/about/contact-us.png) no-repeat;
	background-size: cover;
	padding-bottom: 1rem;
}

.scale-item {
	padding: 1.5rem 0 .5rem;
	border-bottom: 1px dashed #cbcbcb;
	border-right: 1px dashed #cbcbcb;
}

.scale-item.no-right {
	border-right: 0;
}

.scale-item.no-bottom {
	border-bottom: transparent;
}

.contact-title h5 {
	color: #fbd700;
	background-color: rgba(36,36,36,.64);
}

.contact-title:after {
	border-bottom: 0;
}

.about-contact .qrcode {
	display: block;
	width: 6rem;
	margin: 0 auto;
}

.contact-info {
	width: 14.5rem;
	margin: 0 auto;
}

.contact-info p {
	margin: 0;
	color: #bfbfbf;
	font-size: .6rem;
}

.contact-info .tel-number,
.contact-info .info-link span,
.contact-info .info-link a {
	color: #fbd700;
}

.contact-info .tel-number {
	font-size: 1.5rem;
	font-weight: bold;
}

.contact-info .info-link span {
	font-size: .6rem;
}

.contact-info .info-link {
	font-size: .7rem;
}

.contact-info .info-title {
	color: #fff;
	font-size: .7rem;
	font-weight: bold;
}